<template>
  <div class="balance">
    <div class="balance_title t_center">
      <img class="balance_title_bg" src="../../assets/img/balance_bg.png" height="300" width="710"/>
      <div class="infos">
        <div class="font_size24 color_ff">我的余额</div>
        <div class="font_size48 color_ff m_t20">￥{{money}}</div>
      </div>
    </div>
    <div class="balance_info bg_colorff">
      <div class="balance_info_item flex" @click="gopageinfoFn(1)">
        <div class="font_size28 color_33 ">补贴记录</div>
        <div class="flex-1 t_right"><img class="left_icon" src="../../assets/img/icon/jiantou_left.png"/></div>
      </div>
      <div class="balance_info_item flex" @click="gopageinfoFn(2)">
        <div class="font_size28 color_33 ">推广收益</div>
        <div class="flex-1 t_right"><img class="left_icon" src="../../assets/img/icon/jiantou_left.png"/></div>
      </div>
      <div class="balance_info_item flex" @click="gopageinfoFn(3)">
        <div class="font_size28 color_33 ">提现记录</div>
        <div class="flex-1 t_right"><img class="left_icon" src="../../assets/img/icon/jiantou_left.png"/></div>
      </div>
    </div>

    <div class="p_l30 p_r30 "><div class="btn font_size28" @click="applyFn">申请提现</div></div>



  </div>
</template>

<script>
export default {
 data () {
 return {
   money: ''
 };
 },

 components: {},

 computed: {},
  created(){
   var self = this
    self.money = this.$store.state.balancemoney
  },

 mounted(){

 },

 methods: {
   gopageinfoFn(type){
      switch (type){
        case 1:
          this.$router.push('/subsidy');
          break;
        case 2:
          this.$router.push('/generalize');
          break;
        case 3:
          this.$router.push('/presentrecord');
          break;
      }
   },
   applyFn(){
     this.$router.push('/apply')
   }
 }
}

</script>
<style lang='less' scoped>
  @import "../../assets/css/balance/mybalance";

</style>
